﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Administrador.Master" AutoEventWireup="true" CodeBehind="NewSchedule.aspx.cs" Inherits="Espam.Idiomas.Decimo.Tesis.Web.NewSchedule" EnableEventValidation="false" ViewStateEncryptionMode="Never" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Contenido" runat="server">
     <script type="text/javascript">
         window.onload = function () {
             var seconds = 3;
             setTimeout(function () {
                 document.getElementById("<%=lblvalida.ClientID %>").style.display = "none";
            }, seconds * 1000);
         };
</script>
       <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </cc1:ToolkitScriptManager>
     <div id="page-wrapper">

            <div class="page-content">

                <!-- begin PAGE TITLE AREA -->
                <!-- Use this section for each page's title and breadcrumb layout. In this example a date range picker is included within the breadcrumb. -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-title">
                            <h1>Horarios
                                <small>Nuevo Horario</small>
                            </h1>
                            <ol class="breadcrumb">
                                <li class="active">
                                 <asp:Label ID="lblvalida" runat="server" Text="" Visible="False"></asp:Label></li>
                                <li class="pull-right">
                                    <div id="reportrange" class="btn btn-green btn-square date-picker">
                                        <i class="fa fa-calendar"></i>
                                        <span class="date-range"></span> <i class="fa fa-caret-down"></i>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <!-- end PAGE TITLE AREA -->

            </div>

          <!-- end PAGE TITLE ROW -->

                <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Datos Nuevo Horario</h4>
                                </div>
                                <div class="portlet-widgets">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#validationExamples"><i class="fa fa-chevron-down"></i></a>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="validationExamples" class="panel-collapse collapse in">
                                <div class="portlet-body">
                                   
                                <div class="portlet-body">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <td>Hora Inicio:</td>
                                                <td> <asp:TextBox ID="txtHoraInicio" autocomplete="off" runat="server" CssClass="form-control"  placeholder="ej. 12:00:00" Style="text-transform:uppercase" MaxLength="8"></asp:TextBox>
                                                   <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtHoraInicio" FilterType="Numbers,Custom" ValidChars=":"></cc1:FilteredTextBoxExtender>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="txtHoraInicio" ForeColor="Red" ToolTip="Ingrese el numero de ciclo" ></asp:RequiredFieldValidator>
                                                </td>
                                                <td>Hora Fin:</td>
                                                <td><asp:TextBox ID="txtHoraFin" autocomplete="off"  runat="server" CssClass="form-control"  placeholder="ej. 01:00:00" ValidationGroup="modulo" Style="text-transform:uppercase" MaxLength="8" ></asp:TextBox> 
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"  FilterType="Numbers, Custom" ValidChars=":" TargetControlID="txtHoraFin" ></cc1:FilteredTextBoxExtender>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="txtHoraFin" ForeColor="Red"></asp:RequiredFieldValidator>
                                                </td>
                                               
                                            </tr>
                                        </thead>
                                        <tbody>
                                           <tr>
                                                <td>Periodo del d&iacute;a :</td>
                                                <td>
                                                    <asp:DropDownList ID="ddlPeriodoDia" runat="server" CssClass="form-control"></asp:DropDownList>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Campo Obligarotio" ControlToValidate="ddlPeriodoDia" ForeColor="Red"></asp:RequiredFieldValidator>                                             
                                                </td>
                                                <td></td>
                                                <td><%--</form>--%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    
                                                </td>
                                                <td></td>
                                                <td><asp:Button ID="btnCancelar" runat="server" Text="Cancelar" Visible="false" CssClass="btn btn-dark-blue" OnClick="btnCancelar_Click"/></td>
                                                <td>
                                                    
                                                    <asp:Button ID="btnGuardarHorario" runat="server" Text="Guardar Horario" CssClass="btn btn-dark-blue" OnClick="btnGuardarHorario_Click"/></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>




                <!-- /.row -->

         <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Horarios Guardados</h4>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="Div1" class="panel-collapse collapse in">
                                <div class="portlet-body" >
                                   
                                <div class="portlet-body">
                                     
                                     <div class="table-responsive">
                                    <%-- <table class="table">--%>
                               <%-- </div>--%>
                                  <!-- gridview modulos -->

                                  <!-- End gridview modulos -->
                                    <%--</form>--%>
                                    <asp:GridView ID="gvHorarios" Width="100%" runat="server"  
                                        AutoGenerateColumns="False" CellPadding="4" GridLines="Horizontal" DataKeyNames="idHorario" 
                                         BackColor="White" BorderColor="#336666" 
                                        BorderStyle="Double" BorderWidth="3px" OnRowDeleting="gvHorarios_RowDeleting" OnSelectedIndexChanged="gvHorarios_SelectedIndexChanged">
                                        <Columns>
                                            <asp:BoundField DataField="horario" HeaderText="HORARIO" >
                                            <HeaderStyle HorizontalAlign="Center"/>
                                            </asp:BoundField>
                                            <asp:CommandField ShowSelectButton="True" ButtonType="Image" SelectImageUrl="~/Images/1415847473_file_edit.png" />
                                            <asp:CommandField ShowDeleteButton="True" ButtonType="Image" DeleteImageUrl="~/Images/1417092348_file_delete.png"  />
                                        </Columns>
                                        <FooterStyle BackColor="White" ForeColor="#333333" />
                                        <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
                                        <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                                        <RowStyle BackColor="White" ForeColor="#333333" />
                                        <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                                        <SortedAscendingCellStyle BackColor="#F7F7F7" />
                                        <SortedAscendingHeaderStyle BackColor="#487575" />
                                        <SortedDescendingCellStyle BackColor="#E5E5E5" />
                                        <SortedDescendingHeaderStyle BackColor="#275353" />
                                    </asp:GridView>
                                        <%-- </table>--%>
                            </div>
                                    </div>
                                         <%--</form>--%>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>
                <!-- /.row -->
     </div>
</asp:Content>
